/* 

		@Author   Cherry SMY

		@DATA     2011.10.20

*/



/* Style Reset

-----------------------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2 

{ margin: 0; padding: 0; border:0;} 

html button::-moz-focus-inner{ border-color:transparent!important; } 

input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}

ul, li, dl, dt, dd, ol {list-style: none; }

fieldset, img { border: 0;/* width:100%;height:100%; */ }

iframe { background-image: none; }

select { border: 1px solid #CBCBCB; height: 20px; }

textarea{ width:700px; border:#E4E4E4 1px solid;padding:10px; line-height:18px;}

hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }



.clear { clear:both; }

.S{ width:15px; height:15px; float:left; font-size:0px;}

.H{ width:30px; height:30px; font-size:0px;}

.K{ width:20px; height:20px; clear:both; font-size:0px;}



.db{ display: block; }

.di{ display: inline; }

.mar{ margin:0 auto;}



/* book

-----------------------------------------------------------------------------------------------------*/

.bookmain{width:650px; margin:0 auto; height:auto;}

.bookline{width: 650px; height:34px; background-image: url(../images/about_box_line.jpg); background-repeat: no-repeat; background-position: 0 0; float:left; margin-top:10px;}

.book{ width:650px; margin:0 auto;}

.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}

.booktop_name{ width:470px; height:30px; float:left; color:#efefef; padding-left:30px; line-height:30px; font-weight:bold;}

.booktop_time{ width:150px; height:30px; float:left; color:#efefef; text-align:right; line-height:30px;}

.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left;padding:10px;}

.bookadmin{ width:650px; height:auto; float:left;}

.bookadmin_top{ width:650px; height:12px; float:left;}

.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; float:left; padding:10px;background:#146695; border:1px dashed #5AD4EC}

.messagecol{ color:#df5b0b;}

.admincol{ color:#DF5B0B; font-weight:bold;}

.admintimecol{ color:#efefef;}

.message{ width:600px; height:auto;float:left;padding-left:50px;}

.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}

.message li input{ height:20px; line-height:20px; width:150px; border:1px solid #ccc;}

.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; line-height:20px;}

.message li p.message_content{ width:400px; height:25px; float:left;}

.message li.contentb{ width:500px;height:160px; float:left;}

.message li.contentb textarea{ width:370px; height:120px;}

.message li.yzm{ width:600px;height:60px; float:left;}

.message li p.message_yzminput{ width:100px; height:15px; float:left;}

.message li p.message_yzminput input{ width:80px;}

.message li p.message_yzmico{ width:200px; height:40px; float:left;}

.message li p.message_sub{ width:100px; height:40px; float:left; text-align:right;}



/*formsubmit

-----------------------------------------------------------------------------------------------------*/

.formsubmittop{ float:left; width:703px; background:#E4F6F9; padding:7px; line-height:30px; margin-bottom:20px;}

.formsubmittop ul{ float:left;width:703px;}

.formsubmittop ul li{ float:left; width:345px;}

.formsubmittop p{ color:#7C8586;}

.formsubmitmin{ float:left; width:710px; padding-left:7px; background:#E4F6F9; line-height:30px; }

.ticketintr{ line-height:25px; padding:30px 0; float:left;width:710px; padding-left:7px;}

formsubmitbot{ float:left;width:710px;}

.formsubmitarea{float:left; width:405px; line-height:30px;}

.formsubmit_but{float:left; padding-top:33px;}

.formsubmit_but img{ margin-right:60px; _margin-right:40px;}

.formsubmitarea label{float:left; }

.for_name{float:left; padding-right:14px;}

.for_name input{float:left; width:100px; height:28px; border:1px solid  #ccc; }

.for_tel{float:left;}

.for_tel input{float:left; width:148px; height:28px; border:1px solid  #ccc; }

.for_num{float:left;}

.for_num input{float:left; width:276px; height:28px; border:1px solid  #ccc; }

/* hr

-----------------------------------------------------------------------------------------------------*/

.hrBox{ width:634px; min-height:91px; _height:91px;_margin-left:30px;  margin-left:50px; border:1px solid #004B82;  margin-bottom:20px; margin-top:20px;}

.hrBoxL{ width:100px; float:left; text-align:center;  }

.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #004B82 solid;vertical-align: bottom}

.jobName{ width:380px; float:left;}

.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}

.hrBoxL li.haode{ border-bottom:none;}

.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #004B82;}

.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #004B82 solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}

.hrBoxR li.topline{ overflow:hidden; height:30px; }

.hrBoxR li.topline img{ margin-top:3px;}

.hrBoxR li.haode{ border-bottom:none;}

.hrTable{ width:614px; margin-left:60px;height:440px; border:1px solid #004B82;margin-top:20px;}

.tableTitle{ width:614px; height:36px;text-align:center; line-height:36px; border-bottom:1px solid #004B82; font-weight:bold;}

.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #004B82; width:614px;}

.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #004B82;}

.lineOneR{ width:509px; float:left; padding-left:10px;}

.tableMainL{ width:94px; float:left; border-right:1px solid #004B82; text-align:center;}

.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #004B82;}

.tableMainR{ width:211px; float:left; border-right:1px solid #004B82; text-align:left; }

.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #004B82; padding-left:5px; vertical-align: bottom;}

.tableMainR li span{display:inline-block;}

.tableMainRno{ width:212px; float:left; text-align:left;}

.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #004B82; padding-left:5px; vertical-align: bottom;}

.tableMainRno li span{display:inline-block;}

.input_hr{ width:130px;  height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #004B82;}

.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }

.bottomLine{ width:614px; height:123px; border-bottom:1px solid #004B82; }

.lineBootL{ width:94px; height:123px; border-right:1px solid #004B82; text-align:center; float:left;}

.lineBootR{ width:509px; float:left;padding-left:10px;  height:123px;}

.are_hr{ width:470px; height:80px; margin-top:11px;}

.hr_btn{ width:614px; height:31px; line-height:31px;}

.hr_btnL{ width:310px; float:left; border-right:1px solid #004B82; text-align:center; height:31px;}

.hr_btnR{ width:300px; float:left; text-align:center; }

.input_title{ width:200px; height:18px; color:#BDE7FF; background:#1b6a95; padding-left:8px; padding-top:7px; border:0;}





/* 链接样式 

----------------------------------------------------------------------------------------------------*/

a { color: #666666; text-decoration: none; }

a:hover { text-decoration: none;}



/* 左右浮动样式

----------------------------------------------------------------------------------------------------*/

.fl { float:left; }

.fr { float:right; }



/* 颜色

-----------------------------------------------------------------------------------------------------*/

.c_red { color: #ad0000; }

.c_blue { color: #1897d4; }

.c_orage { color: #ef8600; }

.c_green { color: #30908D; }

.c_yellow { color:#eae705; }

.c0 { color: #000000; }

.c3 { color: #333333; }

.c6 { color: #666666; }

.c9 { color: #999999; }

.cc { color: #CCCCCC; }

.cd { color: #DDDDDD; }

.ce { color: #EEEEEE; }

.cf { color: #FFFFFF; }



/* 文本样式

-----------------------------------------------------------------------------------------------------*/

.f0p  { font-size: 0px; }

.f10p { font-size: 10px; }

.f12p { font-size: 12px; }

.f13p { font-size: 13px; }

.f14p { font-size: 14px; }

.f15p { font-size: 15px; }

.f16p { font-size: 16px; }

.f17p { font-size: 17px; }

.f18p { font-size: 18px; }

.f20p { font-size: 20px; }

.f25p { font-size: 25px; }

.fw{ font-weight:bold; }

.fi{ font-style:italic; }

.fs{ text-decoration:line-through;}

.fu{ text-decoration:underline;}

.indent { text-indent: 24px; }



/* mouse style

----------------------------------------------------------------------------------------------------*/

.mou_p { cursor: pointer; }

.mou_m { cursor: move; }

.mou_t { cursor: text; }



/* Paddings

----------------------------------------------------------------------------------------------------*/

.pad_0p { padding: 0px; }

.pad_1p { padding: 1px; }

.pad_2p { padding: 2px; }

.pad_3p { padding: 3px; }

.pad_4p { padding: 4px; }

.pad_5p { padding: 5px; }

.pad_10p0p { padding: 10px 0px; }



.pad_t5p { padding-top: 5px; }

.pad_t10p { padding-top: 10px; }

.pad_t15p { padding-top: 15px; }

.pad_t20p { padding-top: 20px; }



.pad_b5p { padding-bottom: 5px; }

.pad_b10p { padding-bottom: 10px; }

.pad_b20p { padding-bottom: 20px; }



.pad_l5p { padding-left: 5px; }

.pad_l10p { padding-left: 10px; }

.pad_l20p { padding-left: 20px; }

.pad_l25p { padding-left: 25px; }

.pad_l40p { padding-left: 40px; }

.pad_l45p { padding-left: 45px; }



.pad_r5p { padding-right: 5px; }

.pad_r10p { padding-right: 10px; }

.pad_r20p { padding-right: 20px; }

.pad_r25p { padding-right: 25px; }

.pad_r70p { padding-right: 70px; }



/* Margins

----------------------------------------------------------------------------------------------------*/

.mar_0p { margin: 0px; }

.mar_10p { margin: 10px; }

.mar_10p0p { margin: 10px 0px; }



.mar_t5p { margin-top: 5px; }

.mar_t9p { margin-top: 9px; }

.mar_t10p { margin-top: 10px; }

.mar_t15p { margin-top: 15px; }

.mar_t20p { margin-top: 20px; }

.mar_t30p { margin-top: 30px; }



.mar_b5p { margin-bottom: 5px; }

.mar_b10p { margin-bottom: 10px; }

.mar_b20p { margin-bottom: 20px; }



.mar_l5p { margin-left: 5px; }

.mar_l10p { margin-left: 10px; }

.mar_l15p { margin-left: 15px; }

.mar_l20p { margin-left: 18px; }

.mar_l25p { margin-left: 20px; }

.mar_l30p { margin-left: 200px; }



.mar_r5p { margin-right: 5px; }

.mar_r10p { margin-right: 10px; }

.mar_r20p { margin-right: 20px; }



/* Text 

----------------------------------------------------------------------------------------------------*/

.text_l { text-align: left; }

.text_r { text-align: right; }

.text_c { text-align: center; }



/* line height

----------------------------------------------------------------------------------------------------*/

.lh30p { line-height: 30px; }

.lh25p { line-height: 25px; }

.lh150p { line-height: 150%; }

.lh200p { line-height: 200%; }

.lh300p { line-height: 300%; }





/* H 

-----------------------------------------------------------------------------------------------------*/

h1 { font-size: 24px; }

h2 { font-size: 22px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }



/* Border 

-----------------------------------------------------------------------------------------------------*/

/* 实边框 */

.border{ border:1px #ff9921 solid }

.border_w{ border:3px #FFF solid;}

.border_da{ border:1px #dadada solid;}

.border_h{ border:3px #ededee solid;}

.border_t{ border-top:#3a3a3a solid 2px; }

.border_r{ border-right:1px #C80000 solid }

.border_b{ border-bottom:1px #C80000 solid }

.border_l{ border-left:1px #C80000 solid }

.border_d5_10{ border:10px #d5d5d5 solid; }



/* 虚边框 */

.border_d{ border:1px #E4E4E4 dotted }

.border_dt{ border-top:1px #9d9b9b dotted }

.border_dr{ border-right:1px #1B1B14 dotted }

.border_db{ border-bottom:1px #9d9b9b dotted }

.border_dl{ border-left:1px #E4E4E4 dotted }



/* Module Width 

----------------------------------------------------------------------------------------------------*/

.w10 { width: 10px; }

.w20 { width: 20px; }

.w30 { width: 30px; }

.w40 { width: 40px; }

.w50 { width: 50px; }

.w60 { width: 60px; }

.w70 { width: 70px; }

.w80 { width: 80px; }

.w90 { width: 90px; }

.w100 { width: 100px; }

.w120 { width: 120px; }

.w160 { width: 160px; }

.w320 { width: 320px; }

.w400 { width: 400px; }

.w560 { width: 560px; }

.w640 { width: 640px; }